/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} 

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

.swipe-wrap  img {
  float:left;
  width:100%;
  position: relative;
}

nav {
    position: relative;
    max-width: 680px;
    margin: -20px auto 0 auto;
}

nav #position {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

#position li {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #efefef;
    box-shadow: inset 0 1px 1px #acacac;
    margin: 0 2px;
    cursor: pointer;
}


#position li.on {
    box-shadow: inset 0 1px 3px -1px #28b4ea,0 1px 2px rgba(0,0,0,.5);
    background-color: #1293dc;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1293dc),color-stop(100%,#0f6297));
    background-image: -webkit-linear-gradient(top,#1293dc,#0f6297);
    background-image: -moz-linear-gradient(top,#1293dc,#0f6297);
    background-image: -ms-linear-gradient(top,#1293dc,#0f6297);
    background-image: -o-linear-gradient(top,#1293dc,#0f6297);
    background-image: linear-gradient(top,#1293dc,#0f6297);
}

.close { 
    width: 50px; 
    height: 50px; 
    background-color: rgba(0,0,0,.3); 
    -webkit-border-radius: 0 0 0 200px ;
    -moz-border-radius: 0 0 0 200px ;
    -ms-border-radius: 0 0 0 200px ;
    -o-border-radius: 0 0 0 200px ;
    
    top:0;/*最上*/             
    right: 0;
    position: fixed;
    text-align: center;
    z-index: 10000;
    _position:absolute; /* for IE6 */
    _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */
    overflow:visible;
    cursor: pointer;
}
.close img {
    width: 100%;
}